<!-- 子组件 -->
<script setup>
// 引用 api
import { ref } from "vue";

// 子组件计数器
const childCount = ref(0)

// 内容
const content = ref(`点击次数：${childCount.value}`)

// 将计数值传递给父组件
const emit = defineEmits(["get-count"])

// 点击按钮
function btn() {
    childCount.value++
    content.value = `点击次数：${childCount.value}`
    // 向父组件传递最新的计数值
    emit('get-count', childCount.value)
}
</script>

<template>
    <input type="button" @click="btn" v-model="content" />
</template>